<html>
    <head>
        <title>传递静态或动态 props</title>
    </head>
    <body>
        <script>
             /*
                        二、传递静态或动态 props

                               1、可以像这样给 prop 传入一个静态的值：
                               
                                        	<blog-post title="My journey with Vue"></blog-post>

                               2、可以通过 v-bind 动态赋值
                                        
                                            -- 动态赋予一个变量的值 --
                                            <blog-post v-bind:title="post.title"></blog-post>
                                            
                                            <!-- 包含该 prop 没有值的情况在内，都意味着 `true`。--
                                            <blog-post is-published></blog-post>
                                            
                                            <blog-post v-bind:is-published="post.isPublished"></blog-post>

                               3、
                    */
        </script>
    </body>
</html>